<template>
    <div class="information-center">
         <table>
      <thead>
        <th>资讯ID</th>
        <th>资讯内容</th>
        <th>操作</th>
      </thead>
      <tbody v-for="(s,i) in items.data" :key="i">
        <td>{{s.rid}}</td>  
        <td>{{s.radio}}</td>
<td><button>删除</button></td>
      </tbody>
    </table>

    </div>
</template>

<script>
  export default {
    props:['items'],
    methods: {
      handleClick(row) {
        console.log(row);
      }
    },

    data() {
      return {
     
      }
    }
  }
</script>

<style lang="scss" scoped>
table{
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #0aa1ed;
  text-align: center;
  th,td{
  border: 1px solid #0aa1ed;
  padding: 10px 5px;
  }
button{
  background-color: #0aa1ed;
  border:  1px solid #0aa1ed;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}
}
</style>